<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<title>CSS3demo大集合</title>
	<link rel="stylesheet" type="text/css" href="style/reset.css">
	<link rel="stylesheet" type="text/css" href="style/main.css">
	<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
<!-- 头部 -->
<div class="headBar">
	
</div>
<!-- 中间内容 -->
<div class="con">
<!-- 相同宽度 -->
	<div class="comWidth">
	<!-- 各个课程目录 -->
		<div class="lItem">
			<h3 class="lTitle"><a href="#">第一课&nbsp;&nbsp;CSS3</a></h3>
			<ul class="lList" id="1">
				<li><a href="html/1 (1).html">第一节：边框</a></li>
				<li><a href="html/1 (2).html">第二节：背景</a></li>
				<li><a href="html/1 (3).html">第三节：文本效果</a></li>
				<li><a href="html/1 (4).html">第四节:2D转换</a></li>
				<li><a href="html/1 (5).html">第五节:动画</a></li>
			</ul>

		</div>
		<div class="lItem">
			<h3 class="lTitle"><a href="#">第二课&nbsp;&nbsp;HTML5</a></h3>
			<ul class="lList" id="2">
				<li><a href="html/star/star.html">第一节&nbsp;闪烁的星星</a></li>
				<li><a href="#">2第二节</a></li>
				<li><a href="#">2第三节</a></li>
				<li><a href="#">2第四节</a></li>
				<li><a href="#">2第五节</a></li>
				<li><a href="#">2第六节</a></li>
			</ul>

		</div>
		<div class="lItem">
			<h3 class="lTitle"><a href="#">第三课</a></h3>
			<ul class="lList" id="3">
				<li><a href="#">第一节</a></li>
				<li><a href="#">第二节</a></li>
				<li><a href="#">第三节</a></li>
				<li><a href="#">第四节</a></li>
				<li><a href="#">第五节</a></li>
				<li><a href="#">第六节</a></li>
			</ul>

		</div>
		<div class="lItem">
			<h3 class="lTitle"><a href="#">第四课</a></h3>
			<ul class="lList" id="4">
				<li><a href="#">第一节</a></li>
				<li><a href="#">第二节</a></li>
				<li><a href="#">第三节</a></li>
				<li><a href="#">第四节</a></li>
				<li><a href="#">第五节</a></li>
				<li><a href="#">第六节</a></li>
			</ul>

		</div>
	</div>
	
</div>
<!-- 底部 -->
<div class="footBar">
	
</div>
<script type="text/javascript" src="js/myjq.js"></script>
</body>
</html>